<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>.:: Turnador Web ::.</title>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

  <link rel="stylesheet" type="text/css" href="css/estilo.css" />
  <link rel="stylesheet" type="text/css" href="css/login.css" />
  <link rel="stylesheet" type="text/css" href="css/menu.css"/>
  <link rel="stylesheet" type="text/css" href="css/taskbar.css"/>

  <!-- jquery -->
  <script type="text/javascript" src="js/jquery/jquery-1.2.6.js"></script>
  <!-- -->
  <!-- funcion del login -->
  <script type="text/javascript" src="js/login.js"></script>
  <!-- -->
  <!-- valida - envia -->
  <script type="text/javascript" src="js/jquery/jquery.validate.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
    $("#comentariosFrm").validate({
      debug: true,
      errorElement: "label",
      errorContainer: $("#errores"),
        submitHandler: function(form){
          $.ajax({
            type: "POST",
            url: "index.php?controlador=contenido&accion=guardar_nuevo_turno",
            //data: $(this).serialize(),
            data: "nombre="+$('#cnombre').val()+
            "&sector="+$('#csector').val()+
            "&guardacomo="+$('#cguardacomo').val(),
            success: function(data) {
              $('#result').html(data);
            }
          });
        }
    });
  });
  </script>
  <!-- -->
  <style type="text/css">
    #result {
      min-width:280px;
      padding:10px;
      border:1px solid #bfcddb;
      margin:auto;
      margin-top:10px;
      text-align:center;
    }

    #upload_button {
      width:151px;
      height:25px;
      text-align:center;
      background:url(img/bg-left-header.gif) no-repeat;
      color:#ffffff;
      font-weight:bold;
      padding-top:5px;
      float: left;
    }

    #upload_button:hover{
      color:#bfcddb;
      background:url(img/bg-left-link.gif) no-repeat;
    }
  </style>

</head>
<body>
  <?php include "parciales/barrasup.php";?>

	<div id="logo"></div>

	<div id="header"></div>

	<div id="page">
  
		<div id="content">
      <h2>Carga Turno</h2>

      <div id="result">
        <form name="comentariosFrm" id="comentariosFrm" method="post" action="">
          <label>Nombre/Dato de Referencia: </label>
          <input id="cnombre" name="nombre" class="required" minlength="2" /><br/>

          <label>Sector: </label>
          <select id="csector" name="sector">
            <option value="ATENCION">ATENCION</option>
          </select><br/>

          <label></label>
          <input type="hidden"  id="cguardacomo" name="guardacomo" value="nuevo" />
          <input type="submit" name="submit" class="button" id="button" value="Cargar Turno" /><br/>
        </form>
      </div>
      <br/><br/>
  	</div>
    
		<div style="clear: both;">&nbsp;</div>
	</div>

	<div id="footer">
		<p><span title="PoR uNa SoCiEdAd LiBrE">Copyleft (cc) 2011.</span> <a href="http://www.mauriciomss.comuv.com/">mauriciomss</a></p>
	</div>
  
  <?php include "parciales/barrainf.php";?>

</body>
</html>
